<template>
        <div class="contArticle">
      <!-- 标题 -->
      <div class="contArticle_tit">
       <h2>{{ noticeById.noticeTitle }}</h2>
      </div>
      <div class="contArticle_author">
        <!-- <div class="info "> -->
        <span>{{ noticeById.createTime }}</span>
        <span style="margin-left:6px;">  来源：{{noticeById.createBy }}</span>
        <span>（浏览量：{{noticeById.click }}）</span>
      <!-- </div> -->
      </div>

            <div class="notice_text">
                    <div class="editor ql-container ql-snow">
                     <div style="margin-top: 15px;font-weight: 400;text-align: justify;font-size: 16px;line-height: 2;" class="ql-editor" v-html="noticeById.noticeContent"></div>
                     <!-- <div style="text-indent: 3rem;" id="fontzoom" v-html="noticeById.noticeContent"></div> -->
        <!-- <div if="noticeById.img.length>0" v-for="(item,index) in noticeById.img" :key="index"> -->
<!--          <img style="width: 100%;text-align: center;height: 100%" :src="item.url">-->
          <!-- <img style="width: 100%;text-align: center;" :src="item.url"> -->
        </div>
 </div>
            <van-divider />
                <!-- <span class="date" v-html="item.newsContent">{{ item.newsContent}}</span> -->
          
  </div>
</template>
<script>

import { getUpNotice, getNextNotice, getNotice, updateNoticeClick } from '@/api/notice'
  export default {
  

    data(){
          return {
      noticeList: [], 
      noticeById: {}, 
noticeListClick: [],
          }
    },
     computed: {
   
  },
  mounted(){
   // console.log("ssssss",this.$root.$mp.query.id)
    this.getList(this.$root.$mp.query.id)
  
  },
  created() {
  },
//    onPullDownRefresh () {
//       console.log('下拉')
//       //wx.stopPullDownRefresh();
//       this.getList(this.$root.$mp.query.id)
//     },
//     onReachBottom() {
//   // 到这底部在这里需要做什么事情
//   this.loadMore();
// },
  methods: {
        getList(id) {
      getNotice(id).then(response => {
        this.noticeById = response.data
      this.noticeById.img=this.change(this.noticeById.img)

      })
    },
   
    }
  }


</script>
<style scoped>
.contArticle{
padding: 0 4%;
}

.contArticle_tit {
  width: 100%;
  font-size: 26px;
  line-height: 37px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  padding: 10px 0;
  letter-spacing: 0;
  color: #333;
  text-align: justify;
}
.contArticle_author{
  width: 100%;
  right: 0px;
  color: #999;
  font-size: 1em;
  position: relative;
  display: block;
}
.info {
  display: inline-block;
}
/* .info p {
  font-size: 14px;
  margin-top: 0px;
  color: #757575;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 400;
  word-wrap: break-word;
  text-align: justify;
} */
.info span {
  display: block;
  font-size: 12px;
  line-height: 17px;
  color: #C2C2C2;
  letter-spacing: 0;
  margin-right: 10px;
}

.info-r {
  color: #A1A1A1;
  letter-spacing: 0;
  font-size: 10px;
  background: #F6F6F6;
  border-radius: 1px;
  font-family: PingFangSC-Medium;
  line-height: 22px;
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0 2.4%;
}

.news_text {
  /*background-color: rgb(255, 255, 255);*/
  /*!*width: 95%;*!*/
  /*margin: 20 rpx 20 rpx 15 rpx;*/
  /*-moz-box-shadow: 2 rpx 2 rpx 5 rpx #969696;*/
  /*-webkit-box-shadow: 2 rpx 2 rpx 5 rpx #838080;*/
  /*box-shadow: 2 rpx 2 rpx 5 rpx #969696;*/
  /*display: flex;*/
  /*padding: 0 0px;*/
  /*flex-wrap: wrap;*/
  /*border-radius: 5px;*/
  margin: 15px 0;
}



.title {
  color: #070707;
}

.time {
  text-align: right;
  color: #35353598;
  font-size: 10pt;
}
</style>